.scrollx-list {
  display: flex;
  padding-top: 10rpx;
  margin-top: 8rpx;
  height: 300rpx;
  .scrollx-item {
    position: relative;
    padding-left: 25rpx;

    margin-right: -10rpx;
    width: 200rpx;
    height: 300rpx;
    
    &:last-child {
      padding-right: 25rpx;
      .playCount {
        right: 35rpx;
      }
    }

    image {
      border-radius: 20rpx;
      width: 200rpx;
      height: 200rpx;
      overflow: hidden;
      // box-shadow: 0 -15rpx 0 -5rpx #00000011;
    }

    .playCount {
      position: absolute;
      right: 10rpx;
      top: 10rpx;
      padding: 2rpx 15rpx;
      border-radius: 20rpx;
      background-color: #00000040;
      color: #ffffffdd;
      font-size: 18rpx;
      .iconfont {
        font-size: 16rpx;
      }
    }

    .scrollx-name {
      display: -webkit-box;
      width: 100%;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;
      font-size: 22rpx;
    }
  }
}